﻿<div class="breadcrumbs">
    <div class="container">
        <h1 class="pull-left">快速申请</h1>
        <ul class="pull-right breadcrumb">
            <li><a href="/home/index">主页</a></li>
            <li class="active">快速申请</li>
        </ul>
    </div>
</div><!--/breadcrumbs-->
<!--=== End Breadcrumbs ===-->
<!--=== banner===-->
<div class="breadcrumbs-v3 img-v1">
    <div class="container text-center">
        <p>Portfolio</p>
        <h1>Single Item</h1>
    </div><!--/end container-->
</div>
<!--=== End banner ===-->
<!--=== Content Part ===-->
<div class="container content">
    <div class="row blog-page">
        <div class="col-md-3">
            <!-- Social Icons -->
            <div class="magazine-sb-social margin-bottom-20">
                <div class="headline headline-md"><h2>获签公告</h2></div>
                <div align="center" id="demo" class="tab-v2 tab-content" style="overflow:hidden;height:100px;">
                    <div id="demo1" style="text-align:left">
                    </div>
                    <div id="demo2" style="text-align:left"></div>
                </div>
                <div class="clearfix"></div>
            </div>
            <!-- End Social Icons -->
            <!-- Posts -->
            <div class="posts margin-bottom-40" id="recentPost">
                <div class="headline headline-md"><h2>最新消息</h2></div>
               
            </div><!--/posts-->
            <div class="tab-v2 margin-bottom-40">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#home-1">联系我们</a></li>
                </ul>
                <div class="tab-content">
                    <div id="home-1" class="tab-pane active">
                        <i class="fa fa-home" aria-hidden="true"><p style="display: inline-block;">&nbsp; 123 Rd, Suburb City Country 1234</p></i><br>
                        <i class="fa fa-envelope" aria-hidden="true"><p style="display: inline-block;">&nbsp; Example@email.com</p></i><br>
                        <i class="fa fa-phone" aria-hidden="true"><p style="display: inline-block;">&nbsp; 123456789</p></i><br>
                        <i class="fa fa-globe" aria-hidden="true"><p style="display: inline-block;">&nbsp; www.example.com</p></i>
                    </div>
                </div>
            </div>
            <!-- End Tabs Widget -->
        </div>
        <div class="col-md-9 md-margin-bottom-40">
            <div class="headline"><h2>免费申请 check list</h2></div>
            <form action="/home/UploadFiles" method="post" enctype="multipart/form-data">
                <div class="form-group col-lg-8">
                    <label for="exampleInputEmail1" style="font-size:18px;">姓名：</label>
                    <input type="text" class="form-control" name="userName" id="userName" placeholder="">
                </div>
                <div class="form-group col-lg-8">
                    <label for="exampleInputPassword1" style="font-size:18px;">邮箱：</label>
                    <input type="text" class="form-control" name="email" id="email" placeholder="">
                </div>
                <div class="form-group col-lg-8">
                    <label for="exampleInputPassword1" style="font-size:18px;">电话：</label>
                    <input type="text" class="form-control" name="phone" id="phone" placeholder="">
                </div>

                <div class="row category margin-bottom-20">
                    <!-- Info Blocks -->
                    <div class="col-md-8 col-sm-8">
                        <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30">
                            <div class="content-boxes-in-v3">
                                <h3>护照彩色扫描passport copy</h3>
                            </div>
                        </div>
                        <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30">
                            <div class="content-boxes-in-v3">
                                <h3>签证准签信 visa grant letter</h3>
                            </div>
                        </div>
                        <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30">
                            <div class="content-boxes-in-v3">
                                <h3>高中/本科毕业证 (公证书) Highschool/bachelor graduation certificate</h3>
                            </div>
                        </div>
                        <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30">
                            <div class="content-boxes-in-v3">
                                <h3>本科学位证公证书Bachelor degree (notorial certificate)</h3>
                            </div>
                        </div>
                        <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30">
                            <div class="content-boxes-in-v3">
                                <h3>高中/本科成绩单(公证书) highschool/bachelor transcripts (notorial certificate)</h3>
                            </div>
                        </div>
                        <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30">
                            <div class="content-boxes-in-v3">
                                <h3>高中/本科成绩单(公证书) highschool/bachelor transcripts (notorial certificate)</h3>
                            </div>
                        </div>
                        <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30">
                            <div class="content-boxes-in-v3">
                                <h3>学校推荐信 reference letter</h3>
                            </div>
                        </div>
                        <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30">
                            <div class="content-boxes-in-v3">
                                <h3>雅思/PTE/托福成绩单彩色扫描件 ielts/PTE/tofel reult</h3>
                            </div>
                        </div>
                        <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30">
                            <div class="content-boxes-in-v3">
                                <h3>出生公证 birth certificate</h3>
                            </div>
                        </div>
                        <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30">
                            <div class="content-boxes-in-v3">
                                <h3>个人简历 resume</h3>
                            </div>
                        </div>
                        <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30">
                            <div class="content-boxes-in-v3">
                                <h3>学习规划 study plan</h3>
                            </div>
                        </div>
                    </div>
                    <!-- End Info Blocks -->
                    <!-- Info Blocks -->
                    <div class="col-md-4 col-sm-4 md-margin-bottom-40" id="form_file">
                    </div>


                    <!-- End Info Blocks -->
                </div>
                <input type="hidden" name="filekind" value="passportcopy,visagrantletter,graduationcertificate,Bachelordegree,bachelortranscripts,bachelortranscripts1,referenceletter,tofelreult,birthcertificate,resume,studyplan" />
                <input style="margin-left: 20px" type="submit" value="保存" class="btn-u" />

            </form>
            <!-- End Top Categories -->
            <hr />
            <div class="margin-bottom-40"></div>
        </div>
    </div><!--/row-->
</div>
<!--/container-->

@section scripts{
    <script>
        $(function () {
            for (var i = 1; i <= 11; i++) {
                var input = '<input type="file" name="file' + i + '" class="file' + i + '" onChange="getfile(this)" style="display:none" />';
                var html = ' <div class="content-boxes-v3 margin-bottom-30 md-margin-bottom-30" style="text-align: right">'
                                + '<div class="content-boxes-in-v3">' + input
                                    + '<a href=javascript:popfile(".file' + i + '") class="btn-u">上传</a>'
                                + '</div>'
                            + '</div>';
                $("#form_file").append(html);
            }


            $.post('/data/SelectAllNews', { pageIndex: 1, pageSize: 3 }, function (data) {
                if (data) {
                    var recentPost = [];
                    for (var key in data) {
                        var html = ' <dl class="dl-horizontal">'
                    + '<dt><a href="/news/detail/' + data[key].NewId + '"><img src="' + data[key].ImgUrl + '" alt="" /></a></dt>'
                    + '<dd>'
                       + ' <p><a href="/news/detail/' + data[key].NewId + '">' + data[key].Title + '</a></p>'
                    + '</dd>'
                + '</dl>';
                        recentPost.push(html)
                    }
                    $("#recentPost").append(recentPost)

                }
            })
        })

        loadScroll();
        function loadScroll() {
            $.post('/data/selectconfig', { configkey: 'scrolly' }, function (data) {

                if (data) {
                    var html = [];
                    for (var key in data) {
                        html.push(data[key].Title + '<br>')
                    }

                    $("#demo1").html(html.join(''))
                    scrollgo();
                }
            })
        }


        function scrollgo() {

            var demo = document.getElementById("demo");
            var demo1 = document.getElementById("demo1");
            var demo2 = document.getElementById("demo2");
            var speed = 50;    //数值越大滚动速度越慢
            demo2.innerHTML = demo1.innerHTML;
            demo.scrollTop = demo.scrollHeight + 'px';

            function Marquee() {
                var i = demo.scrollTop;
                demo.scrollTop++;
                //向下的无缝循环滚动
                if (demo2.offsetTop - demo.scrollTop <= 0 || i == demo.scrollTop)    //当滚动至demo1与demo2交界时
                {
                    demo.scrollTop -= demo1.offsetHeight;    //demo跳到最顶端
                }
                //else{
                //    demo.scrollTop++;
                //}
            }
            var MyMar = setInterval(Marquee, speed);
            demo.onmouseover = function () { clearInterval(MyMar) }
            demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
        }



        function getfile(obj) {
            $(obj).parent(".content-boxes-in-v3").append(obj.value);
        }
        function popfile(o) {
            $(o).click();
        }
    </script>
}